body{
    width: 100%;
}
.container{
    margin-left: 630px;
    margin-top: 150px;
    position: relative;
}

.container p#title{
    font-weight:bolder;
    font-family:fantasy;
    font-size: 80px;
    position: absolute;
    color: palevioletred;
    top: 0;
    left: 0;
    margin-top: 0px;
    margin-left: 110px;
}

.container p#number{
    font-weight:bolder;
    font-family:fantasy;
    font-size: 50px;
    position: absolute;
    color: black;
    top: 0;
    left: 0;
    margin-top: 200px;
    margin-left: 40px;
}

.container p#password{
    font-weight:bolder;
    font-family:fantasy;
    font-size: 50px;
    position: absolute;
    color: black;
    top: 0;
    left: 0;
    margin-top: 320px;
    margin-left: 0px;
}

#eyes{
    width: 20px;
    position: absolute;
    top: 360px;
    right: 560px;
}

#openEyes{
    width: 20px;
    position: absolute;
    top: 360px;
    right: 560px;
}

.container p#login{
    font-weight:bold;
    font-family:fantasy;
    font-size: 30px;
    position: absolute;
    color: black;
    top: 0;
    left: 0;
    margin-top: 480px;
    margin-left: 100px;
}

.container p#registe{
    font-weight:bold;
    font-family:fantasy;
    font-size: 30px;
    position: absolute;
    color: black;
    top: 0;
    left: 0;
    margin-top: 480px;
    margin-left: 330px;
}